<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 字体声明 */
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?dao32a');
    src: url('fonts/icomoon.eot?dao32a#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?dao32a') format('truetype'),
        url('fonts/icomoon.woff?dao32a') format('woff'),
        url('fonts/icomoon.svg?dao32a#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
        *{
            margin: 0;
            padding: 0;
        }
        body{
            letter-spacing: 1px;
            background-color: black;
            background: url(./images/0adfb032cfdf03751fa86681dc51441.jpg) no-repeat ;
            
            background-size:100% 1200px;
        }
        li {
            list-style-type: none;
        }
        a {
            text-decoration: none;
            color: #000;
        }
        .login{
            margin: 0 auto;
            margin-top: 220px;
            width: 400px;
            height: 600px;
            background-color: white;
            border-radius: 20px;
        }
        /* 头部 */
        header{
            position: relative;
            height: 70px;
           padding-top:60px;
           text-align: center;
            /* line-height: 150px; */
            /* background-color: skyblue; */
        }
        header h1{
            font-weight: 600;
            font-size: 26px;
        }
        header::after{
            content: '\ea0f';
            font-family: 'icomoon';
            font-size: 20px;
            position: absolute;
            top: 6px;
            right: 8px;
    /* left: -65px; */
        }
        /* 注册框 */
        .my-cont{
            font-size: 18px;
            margin-left: 20px;
        }
        .my-cont div input {
            height: 30px;
            width: 240px;
            margin-bottom: 20px;
            font-size: 14px;
            border: 1px solid #d7d7d7;
            border-radius: 1px;
        }
        #man,
        #woman{
            width: 15px;
            height: 15px;
            /* vertical-align: middle; */
        }
        input[type='submit']{
            border: 0;
            font-size: 18px;
            width: 80px;
            height: 35px;
            border-radius: 4px;
            color: aliceblue;
             background-color: #437ff4;
            
            font-size: 18px;
        }
    </style>
</head>
<body>
   <div class="login">
    <!-- 头部 -->
    <header>
        <h1>注册图书管理系统</h1>
        
    </header>
        <div class="my-cont">
            <form>
                <div>*&nbsp;&nbsp;用户名：&nbsp;&nbsp;&nbsp;
                    <input type="text" placeholder="字符串长度为6-20，包含数字和字母" id="nm">
                </div>
                <div>*&nbsp;&nbsp;密&nbsp;&nbsp;码：&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="password" placeholder="设置密码" id="nm">
                </div>
                <div>*&nbsp;&nbsp;性&nbsp;&nbsp;别：&nbsp;&nbsp;&nbsp;&nbsp;
                    <input id="man" type="radio" checked="checked" name="1" />男
                    <input id="woman" type="radio" name="1" />女
                </div>
                <div>*&nbsp;&nbsp;确认密码：
                    <input type="password" placeholder="确认密码必须与密码一致" id="nm">
                </div>
                <div>*&nbsp;&nbsp;电子邮箱：
                    <input type="text" placeholder="输入正确的电子邮箱地址" id="nm">
                </div>
                <div>*&nbsp;&nbsp;身份证号：
                    <input type="text" placeholder="输入正确的身份证号" id="nm">
                </div>
                <div>*&nbsp;&nbsp;出生年月：
                    <input type="date"id="nm">
                </div>
                <div>*&nbsp;&nbsp;联系电话：
                    <input type="email" id="nm">
                </div>
            
            </form>
        </div>
        <div id="btn" align="center">
            <a href="./login.html"><input type="submit" value="提交"></a>
            
        </div>
    </div>
    
   </div>
    

</body>
</html>